<nav aria-label="Page navigation" v-if="datalist.length != 0">
    <ul class="pagination pagination-sm m-0 float-right">
        <li class="page-item" @click="nextPage(1)"><a class="page-link">&laquo;</a></li>
        <li class="page-item" @click="nextPage(page_num - 1)"><a class="page-link">&lt;</a></li>
        <li class="page-item" :class="{ active: i == page_num }" @click="nextPage(i)" v-for="i in page_total"><a class="page-link">@{{i}}</a></li>
        <li class="page-item" @click="nextPage(page_num + 1)"><a class="page-link">&gt;</a></li>
        <li class="page-item" @click="nextPage(page_total_num)"><a class="page-link">&raquo;</a></li>
    </ul>
</nav>
